.ul-list{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 14px; 
    list-style: none;
    border-top: 1px solid #E4E7ED;
}
.ul-list .ul-li {
    list-style: none;
    padding: 10px 15px;
    border-bottom: 1px solid #E4E7ED;
    cursor: pointer;
}
.ul-list .ul-li input[type='checkbox'] {
    /*隐藏掉原先实际的 checkbox 框，之所以没用 display:none; 
    这种简单直接的方式，是因为这种方法会把它从键盘 tab 键切换焦点的队列中完全删除*/
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.ul-list .ul-li input[type='checkbox']+label::before {
    content: '\a0';
    /*不换行空格*/
    display: inline-block;
    vertical-align: 0.2em;
    width: 1em;
    height:1em;
    margin-right: .2em;
    border-radius: .2em;
    background: #fff;
    /*复选框的背景色*/
    text-indent: 0.15em;
    line-height: 0.65;
    /* 放到皮肤中设置 
    border: 1px solid #DCE4FD;
    border-radius: 50%; */
}

/*皮肤样式*/

.hwlist-default{
    border-top: 1px solid #E4E7ED;
}
.hwlist-default .ul-li {
    border-bottom: 1px solid #E4E7ED;
}

.hwlist-default .selected {
    color: #1989FA;
}
.hwlist-default .selected label{
    color: #1989FA;
}
.hwlist-default .ul-li input[type='checkbox']+label::before{
    border: 1px solid #DCE4FD;
    border-radius: 50%;
}
.hwlist-default .ul-li input[type='checkbox']:checked+label::before {
    content: '\2713';
    color:#fff;
    /*对号的 Unicode字符*/
    background: #52C41A;
    /*对号的颜色*/
}
/*选中时文本颜色*/
/*.hwlist-default .ul-li input[type='checkbox']:checked+label{
     color:#1989FA; 
}*/